@extends('layouts.app')

@section('content')
    <link href="https://cdn.bootcss.com/Swiper/4.3.0/css/swiper.min.css" rel="stylesheet">
    <script src="https://cdn.bootcss.com/Swiper/4.3.0/js/swiper.min.js"></script>
    <div class="container">

        <div class="row">
            {{--左侧推荐文章--}}
            <div class="col-md-3">
                <ul class="list-group">
                    <li class="list-group-item active">推荐文章</li>

                    @wenzhang
                        <li class="list-group-item">
                            <a href="{{$a['url']}}">

                            {{$a['title']}}

                            </a>
                        </li>
                    @endwenzhang
                </ul>
            </div>

            {{--中部轮播图--}}
            <div class="col-md-6">
                {{--<div class="swiper-container">--}}
                    {{--<div class="swiper-wrapper">--}}
                        {{--<div class="swiper-slide">Slide 1</div>--}}
                        {{--<div class="swiper-slide">Slide 2</div>--}}
                        {{--<div class="swiper-slide">Slide 3</div>--}}
                    {{--</div>--}}
                    {{--<!-- 如果需要分页器 -->--}}
                    {{--<div class="swiper-pagination"></div>--}}

                    {{--<!-- 如果需要导航按钮 -->--}}
                    {{--<div class="swiper-button-prev"></div>--}}
                    {{--<div class="swiper-button-next"></div>--}}

                {{--</div>--}}
                @slider
            </div>
            {{--轮播图结束--}}

            {{--右侧热门文章--}}
            <div class="col-md-3">
                <ul class="list-group">
                    <li class="list-group-item active">热门文章</li>

                    @wenzhang(['hot' => 1])
                        <li class="list-group-item">
                            <a href="">

                            {{$a['title']}}

                            </a>
                        </li>
                    @endwenzhang
                </ul>
            </div>
            {{--右侧热门文章--}}

        </div>
    </div>

@endsection














{{--@extends('layouts.app')--}}

{{--@section('content')--}}
    {{--<link href="https://cdn.bootcss.com/Swiper/4.3.0/css/swiper.min.css" rel="stylesheet">--}}
    {{--<script src="https://cdn.bootcss.com/Swiper/4.3.0/js/swiper.min.js"></script>--}}
    {{--<div class="container">--}}
        {{--<div class="row">--}}
            {{--推荐文章区域--}}
            {{--<div class="col-sm-3">--}}
                {{--<div class="card">--}}
                    {{--<div class="card-header">--}}
                        {{--推荐文章--}}
                    {{--</div>--}}
                    {{--<div class="card-block">--}}
                        {{--<ul class="list-group">--}}
                            {{--<li class="list-group-item">--}}
                                {{--<a href="##">--}}
                                    {{--文章1--}}
                                {{--</a>--}}
                            {{--</li>--}}
                            {{--<li class="list-group-item">--}}
                                {{--<a href="##">--}}
                                    {{--文章2--}}
                                {{--</a>--}}
                            {{--</li>--}}
                            {{--<li class="list-group-item">--}}
                                {{--<a href="##">--}}
                                    {{--文章3--}}
                                {{--</a>--}}
                            {{--</li><li class="list-group-item">--}}
                                {{--<a href="##">--}}
                                    {{--文章4--}}
                                {{--</a>--}}
                            {{--</li>--}}

                        {{--</ul>--}}
                    {{--</div>--}}
                {{--</div>--}}
            {{--</div>--}}
            {{--推荐文章区域--}}
            {{--轮播图区域--}}
            {{--<div class="col-sm-6">--}}
                {{--<div class="swiper-container">--}}
                    {{--<div class="swiper-wrapper">--}}
                        {{--<div class="swiper-slide">Slide 1</div>--}}
                        {{--<div class="swiper-slide">Slide 2</div>--}}
                        {{--<div class="swiper-slide">Slide 3</div>--}}
                    {{--</div>--}}
                    {{--<!-- 如果需要分页器 -->--}}
                    {{--<div class="swiper-pagination"></div>--}}

                    {{--<!-- 如果需要导航按钮 -->--}}
                    {{--<div class="swiper-button-prev"></div>--}}
                    {{--<div class="swiper-button-next"></div>--}}

                    {{--<!-- 如果需要滚动条 -->--}}
                    {{--<div class="swiper-scrollbar"></div>--}}
                {{--</div>--}}
                {{--<style>--}}
                    {{--.swiper-container {--}}
                        {{--width: 100%;--}}
                        {{--height: 300px;--}}
                    {{--}--}}
                {{--</style>--}}
                {{--<script>--}}
                    {{--var mySwiper = new Swiper('.swiper-container', {--}}
                        {{--loop: true,--}}

                        {{--// 如果需要分页器--}}
                        {{--pagination: {--}}
                            {{--el: '.swiper-pagination',--}}
                        {{--},--}}

                        {{--// 如果需要前进后退按钮--}}
                        {{--navigation: {--}}
                            {{--nextEl: '.swiper-button-next',--}}
                            {{--prevEl: '.swiper-button-prev',--}}
                        {{--},--}}
                    {{--})--}}
                {{--</script>--}}
            {{--</div>--}}
            {{--轮播图区域--}}
            {{--热门文章区域--}}
            {{--<div class="col-sm-3">--}}
                {{--<div class="card">--}}
                    {{--<div class="card-header">--}}
                        {{--热门文章--}}
                    {{--</div>--}}
                    {{--<div class="card-block">--}}
                        {{--<ul class="list-group">--}}
                            {{--<li class="list-group-item">--}}
                                {{--<a href="###">热门文章1</a>--}}
                            {{--</li>--}}
                            {{--<li class="list-group-item">--}}
                                {{--<a href="###">热门文章2</a>--}}
                            {{--</li>--}}
                            {{--<li class="list-group-item">--}}
                                {{--<a href="###">热门文章3</a>--}}
                            {{--</li>--}}
                        {{--</ul>--}}
                    {{--</div>--}}
                {{--</div>--}}
            {{--</div>--}}
            {{--热门文章区域--}}
        {{--</div>--}}
    {{--</div>--}}
    {{--<div class="container mt-4">--}}
        {{--<div class="row">--}}
            {{--<div class="col-sm-6 mt-4">--}}
                {{--<div class="card">--}}
                    {{--<div class="card-header">--}}
                        {{--分类1--}}
                    {{--</div>--}}
                    {{--<div class="card-block">--}}
                        {{--<ul class="list-group">--}}
                            {{--<li class="list-group-item">--}}
                                {{--<a href="###">分类1文章1</a>--}}
                            {{--</li>--}}
                        {{--</ul>--}}
                    {{--</div>--}}
                {{--</div>--}}
            {{--</div>--}}
            {{--<div class="col-sm-6 mt-4">--}}
                {{--<div class="card">--}}
                    {{--<div class="card-header">--}}
                        {{--分类1--}}
                    {{--</div>--}}
                    {{--<div class="card-block">--}}
                        {{--<ul class="list-group">--}}
                            {{--<li class="list-group-item">--}}
                                {{--<a href="###">分类1文章1</a>--}}
                            {{--</li>--}}
                        {{--</ul>--}}
                    {{--</div>--}}
                {{--</div>--}}
            {{--</div>--}}
            {{--<div class="col-sm-6 mt-4">--}}
                {{--<div class="card">--}}
                    {{--<div class="card-header">--}}
                        {{--分类1--}}
                    {{--</div>--}}
                    {{--<div class="card-block">--}}
                        {{--<ul class="list-group">--}}
                            {{--<li class="list-group-item">--}}
                                {{--<a href="###">分类1文章1</a>--}}
                            {{--</li>--}}
                        {{--</ul>--}}
                    {{--</div>--}}
                {{--</div>--}}
            {{--</div>--}}
        {{--</div>--}}
    {{--</div>--}}
{{--@endsection--}}




